//app
html, body {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
body {
  background-color: #fbf9fe;
}
#app,.router-view{height:100%;box-sizing:border-box;
overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.vux-pop-out-enter-active
.vux-pop-out-leave-active,
.vux-pop-in-enter-active,
.vux-pop-in-leave-active {
  will-change: transform;
  transition: all 500ms;
  height: 100%;
  top: 46px;
  position: absolute;
  backface-visibility: hidden;
  perspective: 1000;
}
.vux-pop-out-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.vux-pop-out-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.vux-pop-in-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.vux-pop-in-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
//shop details
.shop-box{
  .header{
    position: relative;
    width: 100%;
    height: 2.72rem;
    padding:10px 0;
    overflow: hidden;background-color:#6b5c80;color:#fff;
  }
}
//shop-list
.shop-list,.goods-list,.order-list{
    li{
          min-height: 80px;
          padding: .2rem 0.06rem 0;
          border-top: 1px solid #dbdbdb;
          position: relative;
       .list-item{
         display: -webkit-box;
         .p{
              display: inline-block;
              text-align: center;
              overflow: hidden;
              width: 80px;
              height:80px;
              margin-right: 10px;
              margin-left: 8px;
              .p-pic {
                  width:80px;
                  height:80px;
              }
         }
         .d{
          -webkit-box-flex: 1;
          .d-title{
              max-height: 44px;
              line-height: 21px;
              margin-bottom:.1rem;
              font-size: 16px;
              overflow: hidden;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
          }
          .d-main {
              margin-top: -5px;
              font-size: 11px;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis
          }
          p {
              line-height: 24px;
              color: #999;
          }
          
         }

       } 
       .d-icons {
           position: absolute;
           right: 10px;
           bottom: 10px;
           .van-icon-like{color:red;margin-right:2px;}
       }  
    }
  }
//order
.order-list{
    li .list-item .d .d-title{
      display: -webkit-box;
      line-height:18px;
      font-size:14px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
          white-space: inherit;
    }
}
.pay-ok-box{height:100%;background-color:#fff;width:10rem;margin:0 auto;
  .van-icon{font-size:1.2rem;color:#31b271}
}
//cart 
.car-order-box{
  padding-bottom:50px;box-sizing:border-box;
  li{border-bottom:none;padding:0 .2rem;background-color:#fff;margin-bottom:.2rem}
  .order-top{
    padding:8px 0;
    .van-icon-shop{vertical-align: middle;font-size:18px}
  }
  .order-body{
    padding:.2rem 0;
    .list-item .p{margin-left:0;}
    .list-item .d .d-title{
      display: -webkit-box;
      line-height:18px;
      font-size:14px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
          white-space: inherit;
    }
  }
  &+.van-submit-bar{bottom:50px;}
}
//address
.isDetail{
  .van-radio__input{display:none;}
  .van-radio__label{margin-left:0;}
}
//goods-list
.wall_nav_box{
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    .nav_fixed{
      height: .8rem;
      width: 100%;
      max-width: 750px;
      z-index: 800;
    }
    .tab_items{
      position: relative;
    width: 100%;
    height: .8rem;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
    }
    .item{
      float: left;
    position: relative;
    width: 25%;
    height: 100%;
    text-align: center;
    color: #333;
    }
    .item_on {
    color: #fff100;
    }
    .in_border {
        position: relative;
        display: inline-block;
        width: 100%;
        height: .3rem;
        line-height: .3rem;
        border-left: 1px solid #e6e6e6;
    }
    .show_arrow_wrap {
        position: absolute;
        top: .19rem;
        right: .18rem;
        height: .5rem;
        line-height: .5rem;
    }
    .show_arrow {
        display: inline-block;
        width: .2rem;
        height: .2rem;
        margin: .08rem .1rem;
        border-left: 1px solid #c3c3c3;
        border-bottom: 1px solid #c3c3c3;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
  }
  .J_scroll_wallbox{
      background-color: rgb(244, 244, 244);

    .goods_item {
      display: block;
      width: 47%;
      height:7rem;
      margin: 2% 0 0 2%;
      background: #fff;
      border-radius: .06rem;
      overflow: hidden;
      .goods_img {
          position: relative;
          width: 100%;
          height: 5.4rem;
          overflow: hidden;
      }
      
      img {
          width: 100%;
          display: block;
      }
    }
    .name_box {
        margin: .15rem .18rem .05rem .1rem;
        height: .8rem;
    }
    .name_tags {
        height: .8rem;
        width: 100%;
        overflow: hidden;
    }
    .title_tag {
        float: left;
        height: .36rem;
        line-height: .36rem;
        padding: 0 .06rem;
        margin: 0 0 .06rem .06rem;
        font-size: .22rem;
        background: #eff3f6;
        color: #5a6f7a;
    }
    .bot_box {
        margin: 0 .18rem;
    }
    .p_price {
        max-width: 45%;
        margin-top: .02rem;
        font-size: .3rem;
        font-weight: 700;
        color: #333;
        overflow: hidden;
    }
    .p_feed {
        max-width: 45%;
        padding-right: 14px;
        background: url(//gw.alicdn.com/tfs/TB1g4ulPXXXXXbBXVXXXXXXXXXX-48-48.png) center right no-repeat;
        background-size:12.5px 12.5px;
        font-size: .24rem;
        color: #999;
        overflow: hidden;
    }
  } 
//goods-details
.back-btn{
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    margin: 0.13rem 0.27rem;
    font-size: 0.48rem;
    width: 0.85rem;
    height: 0.85rem;
    line-height: 0.85rem;
    border-radius: 50%;
    text-align: center;
    z-index: 100;
    position: absolute;top:10px;left:10px;
}
.goods {
  padding-bottom: 50px;

  &-swipe {
    // height:9.6rem;
    .item-img-box{
            position: relative;
         display: block;
            &:after{    display: block;
                content: '';
                padding-top: 100%;
            }
        }
        img {
            position: absolute;
            top: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
                
        }
    }
    

  &-title {
    font-size: 16px;
  }

  &-price {
    color: #f44;
  }

  &-express {
    color: #999;
    font-size: 12px;
    padding: 5px 15px 5px 0;
  }

  &-cell-group {
    margin: 15px 0;

    .van-cell__value {
      color: #999;
    }
  }
}
.meili-all-vue-detail-base-rate{
      background-color:#fff;
      padding: 0 15px;
      .head{
        height: .3rem;
        padding: .4rem 0 .3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        .head-title{
          display: block;
          color: #999;
          font-size: .24rem;
          flex: 1;
        }
        .head-more--icon, .head-more--text{
            color: #666;
            font-size: .26rem;
        }
      }
      .tags{
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
      }
      .tags-tag--positive{
          color: #f25;
          background-color: #ffe8ee;
      }
      .tags-tag{
          display: inline-block;
          height: .48rem;
          line-height: .48rem;
          border-radius: .04rem;
          font-size: .24rem;
          padding: 0 .12rem;
          margin-right: .1rem;
          margin-top: .1rem;
      }
      .list-item{
          border-bottom: 1px solid #eee;
            padding-top: .3rem;
            padding-bottom: .3rem;
            .user{display: flex;
              .user-info{
                line-height: .82rem;display: flex;
              }
              .user-info--avatar{
                  overflow: hidden;
                  width: .64rem;
                  height: .64rem;
                  border: 1px solid #efefef;
                  border-radius: 50%;
              }
              .user-info--name{
                  margin-left: .2rem;
                  color: #424242;
                  font-size: .3rem;
              }
            }
            .content{
              line-height: .34rem;
                  margin-top: .1rem;
                  color: #727272;
                  font-size: .28rem;
            }
            .atts{
                line-height: .24rem;
                margin-top: .15rem;
            }
            .atts-item--base {
                color: #999;
                font-size: .24rem;
            }
            .atts-item--sku {
                margin-left: .15rem;
            }
            .atts-item--base {
                color: #999;
                font-size: .24rem;
            }
            .imgs{
                margin-top: .25rem;
                margin-bottom: .25rem;
                font-size: 0;
            }
            .imgs-item{
                width: 1.4rem;
                display: inline-block;
                margin-bottom: .05rem;
                margin-right: .05rem;
            }
            .explain{
              font-size: .28rem;
              line-height: 1.4;
              color: #999;
              border-top: 1px dotted #d9d9d9;
              padding-top: .3rem;
            }
      }
}

//good-type
.goods-type-box,.goods-typeTwo-box{
  padding:.1rem;height:100%;
  background-color:#473359;width:100%;margin-left:0 !important;box-sizing:border-box;
  
  .type-dt,.type-dd{height:100%;position:relative;overflow:auto;-webkit-overflow-scrolling: touch;}
  .van-col{margin-bottom:.1rem}
  .box,.back-box{font-size: .4rem;height:3rem;line-height:3rem;color:#fff;background-color:#f7b094;}
  .back-box{background-color:#8f85af;position:absolute;bottom:0;left:0;width:100%;}
}
.goods-typeTwo-box{height:100%;}

//user
.user {
  &-poster {
    width: 2.4rem;
    height: auto;
    display: block;
    
  }

  &-group {
    margin-bottom: .3rem;
  }

  &-links {
    padding: 15px 0;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    .van-col-w20{width:20%;}
    .van-icon {
      display: block;
      font-size: 24px;
    }
  }
}
.user-box{
  .head{position: relative;background-color:#6b5c80;height:5rem;text-align:center;overflow:hidden;
    .username{font-size:14px;color:#fff;}
    .img-box{border:solid 2px #fff;width:2.4rem;height:2.4re;border-radius:100%;margin:1rem auto .2rem;overflow:hidden;}
  }
}
//car
.mini.van-stepper{
    .van-stepper__stepper{width:25px;height:20px;}
    .van-stepper__input{width:25px;height:18px;}
}
.price-now{color:#f56114;font-size:.3rem}
.price-old--price{
    font-size: .24rem;
    text-decoration: line-through;
    color: #999;
}